<div class="c-detail-title">
    <div class="u-back clearfix">
        <button ng-click="goBack('recharge');" class="btn btn-default">返回</button>
    </div>
    <div class="u-title">
        支付结果
    </div>
</div>
<div class="m-payment-result">
    <div class="wrap-payment-result">
        <i class="payment-result-icon payment-success"></i>
        <p class="payment-result-msg">
            {{isSuccess ? '支付完成' : '未完成支付'}}
        </p>
        <ul>
            <li class="lists">
                <span class="left-text">付款金额：</span>
                <b class="dark-yellow">5000.00</b> CNY
            </li>
            <li class="lists">
                <span class="left-text">交易单号：</span>
                5694984646321312
            </li>
            <li ng-show="isSuccess" class="lists">
                <span class="left-text">当前状态：</span>
                等待银行反馈
            </li>
            <li class="lists">
                <span class="left-text">账单号：</span>
                3489759034895033
            </li>
            <li class="lists">
                <span class="left-text">收款方：</span>
                xxxxxxxxxxxxx
            </li>
            <li ng-show="isSuccess" class="lists">
                <span class="left-text">支付时间：</span>
                2017-07-12 23:00:00
            </li>
        </ul>
        <button ng-show="!isSuccess" ng-click="rePay()" class="btn btn-primary" style="display: block;margin:0px auto;margin-top:20px;">重新付款</button>
    </div>
</div>

<style type="text/css">
    .m-payment-result {
        background: #fff;
        padding: 45px 30px;
        border: 1px solid #ddd;
        min-height: 100%;
    }

    .wrap-payment-result {
        width: 400px;
        margin: 0px auto;
    }

    .wrap-payment-result ul li.lists {
        line-height: 30px;
    }

    .wrap-payment-result ul li.lists .dark-yellow {
        color: #F7A42C;
    }

    .wrap-payment-result .payment-result-icon {
        display: block;
        width: 96px;
        height: 96px;
        margin: 0px auto;
    }

    .wrap-payment-result .payment-success {

    }

    .wrap-payment-result .payment-failure {

    }

    .wrap-payment-result .payment-result-msg {
        text-align: center;
        font-size: 18px;
        margin-bottom: 40px;
    }
</style>
